// 向服务器端发送请求，索要随机推荐数据
$.ajax({
    url: '/posts/random',
    type: 'get',
    success: function(response) {
        //准备模板
        var randomHtml = ` 
        {{each data}}
        <li>
            <a href="detail.html?id={{$value._id}}">
                <p class="title">{{$value.title}}</p>
                <p class="reading">阅读({{$value.meta.views}})</p>
                <div class="pic">
                    <img src="{{$value.thumbnail}}" alt="">
                </div>
            </a>
        </li>
        {{/each}}
                        `;
        //拼接模板
        var html = template.render(randomHtml, { data: response });
        //渲染模板
        $('#randomBox').html(html);
    },
    error: function() {
        alert('获取随机推荐文章数据失败！');
    }
})


// 向服务器端发送请求，索要最新评论
$.ajax({
    url: '/comments/lasted',
    type: 'get',
    success: function(response) {
        //准备模板
        var newHtml = ` 
        {{each data}}
        <li>
            <a href="detail.html?id{{$value.post}}">
                <div class="avatar">
                <img src="{{$value.author.avatar}}" alt="">
                </div>
                <div class="txt">
                    <p>
                        <span>{{$value.author.nickName}}</span>{{$imports.formateDate($value.createAt)}}说:
                    </p>
                    <p>{{$value.content.substr(0,10)}}...</p>
                </div>
            </a>
        </li>
        {{/each}}
                        `;
        //拼接模板
        var html = template.render(newHtml, { data: response });
        //渲染模板
        $('#commentsBox').html(html);

    },
    error: function() {
        alert('获取最新评论信息失败！');
    }
})


//向服务器端发送请求，索要导航数据
$.ajax({
    url: '/categories',
    type: 'get',
    success: function(response) {
        //准备模板
        var newNav = ` 
        {{each data}}
            <li>
                <a href="list.html?categoryId={{$value._id}}"><i class="fa {{$value.className}}"></i>{{$value.title}}</a>
            </li>
        {{/each}}
                        `;
        //拼接模板
        var html = template.render(newNav, { data: response });
        //渲染模板
        $('.navBox').html(html);

    },
    error: function() {
        alert('获取分类信息失败！');
    }
})


//定义一个方法，用于处理时间日期格式
function formateDate(date) {
    //将数据库传来的日期字符串转化为日期对象
    date = new Date(date);
    //将处理好的字符串返回
    return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
}


//从浏览器的地址栏中获取查询参数
function getUrlParams(name) {
    var paramsAry = location.search.substr(1).split('&');
    //循环数组,使属性值和属性名分开
    for (var i = 0; i < paramsAry.length; i++) {
        var tmp = paramsAry[i].split('=');
        if (tmp[0] == name) {
            return tmp[1]
        }
    }
    //若找不到要找的参数，则返回-1
    return -1
};


// 实现搜索功能
$('.search form').on('submit', function() {
    //获取文本框中的内容
    var keys = $(this).find('.keys').val().trim();
    //跳转页面并传参
    location.href = '/search.html?key=' + keys;

    //之后功能由search.js实现

    //阻止表单默认提交
    return false;
})

// 实现导航条的搜索功能
$(".searchNav").on('click', function () {
  var keys = $("#inputSearch").val();
  if (!keys.trim()) {
    alert("请输入搜索内容");
    return false;
  }
  //跳转页面并传参
  location.href = "/search.html?key=" + keys;
})